<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>工件管理界面</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <style>
        *, html, p {
            /*background-color: #FFFAFA;*/
            /*background-color:white;*/
            background-color: rgb(246,246,246);
            margin: 0;
            padding: 0;
        }

        #h > li {
            line-height: 40px;

        }

        #logo {
            width: 358px;
            height: 80px;
            background: url("/images/mes.png") center center no-repeat;
            /*border: 1px solid red;*/
            background-size: 68%;
            border-bottom: 1px solid 	#C5C1AA;
            border-right: 1px solid 	#C5C1AA;
        }

    </style>
    <script>
        $(function () {

            $("#1").hover(function () {
                $(this).css("background", "#000022");

                $("#1>a>i").css("background", "#000022");
            }, function () {
                $(this).css("background", "");
                $("#h>li>a>i").css("background", "");
            });
            $("#2").hover(function () {
                $(this).css("background", "#000022");

                $("#2>a>i").css("background", "#000022");
            }, function () {
                $(this).css("background", "");
                $("#h>li>a>i").css("background", "");
            });
            $("#3").hover(function () {
                $(this).css("background", "#000022");

                $("#3>a>i").css("background", "#000022");
            }, function () {
                $(this).css("background", "");
                $("#h>li>a>i").css("background", "");
            });
            $("#4").hover(function () {
                $(this).css("background", "#000022");

                $("#4>a>i").css("background", "#000022");
            }, function () {
                $(this).css("background", "");
                $("#h>li>a>i").css("background", "");
            });
            $("#5").hover(function () {
                $(this).css("background", "#000022");

                $("#5>a>i").css("background", "#000022");
            }, function () {
                $(this).css("background", "");
                $("#h>li>a>i").css("background", "");
            });
            $("#6").hover(function () {
                $(this).css("background", "#000022");

                $("#6>a>i").css("background", "#000022");
            }, function () {
                $(this).css("background", "");
                $("#h>li>a>i").css("background", "");
            });
            $("#7").hover(function () {
                $(this).css("background", "#000022");

                $("#7>a>i").css("background", "#000022");
            }, function () {
                $(this).css("background", "");
                $("#h>li>a>i").css("background", "");
            });
            $("#8").hover(function () {
                $(this).css("background", "#000022");

                $("#8>a>i").css("background", "#000022");
            }, function () {
                $(this).css("background", "");
                $("#h>li>a>i").css("background", "");
            });

        })
    </script>
    <style>
        img{
            visibility:hidden;
        }
    </style>
</head>
<body>
<div>
    <div class="container-fluid">
        <div style="background: #f5f5f5;">
            <div id="logo" style="float: left;">
                <a href="/web/to"> <img src="${pageContext.request.contextPath}/images/mes.png" alt="" style="height: 80px;width: 480px;
                "></a>

            </div>
          <div  >
              <div class="pull-left" style="line-height: 80px; margin-left: 25px ;">
                  <p>
                      <span class="glyphicon " aria-hidden="true"> </span>
                      <a href="/user/login"> <i class="fa fa-th-list fa-x">退出登录</i></a>
                  </p>
              </div>

              <div class="pull-right" style="line-height: 80px; margin-right: 20px" >
                  <p>

                      <span class="glyphicon glyphicon-user" aria-hidden="true"> 用户:&nbsp;&nbsp;${sessionScope.user.name}</span>
                      &nbsp;&nbsp;
                      <span class="glyphicon glyphicon-time" aria-hidden="true">&nbsp;登录时间 :&nbsp;&nbsp;${sessionScope.currentTime}</span>
                      <%--<i class="fa fa-spinner fa-spin"></i>--%>
                      <%--<i class="fa fa-spinner fa-spin"></i>--%>
                      <%--<i class="fa fa-spinner fa-spin"></i>--%>
                      <%--<i class="fa fa-spinner fa-spin"></i>--%>

                  </p>
              </div>

          </div>
        </div>
        <%--左侧导航--%>
        <div style="clear: both" >
            <div class="pull-left col-md-3  ">
                <ul id="h" class="list text-center list-unstyled" style=" height:100%;border-right: 1px solid 	#C5C1AA">
                    <li id="1"><a href="/web/one" target="iframe_a"><i class="fa fa-sun-o">&nbsp;&nbsp;MES首页&nbsp;&nbsp;</i></a></li>
                    <li id="2"><a href="/web/tiaoZhuan2" target="iframe_a"><i class="fa fa-pencil">&nbsp;机器/设备管理</i></a></li>
                    <li id="3"><a href="/web/tiaoZhuan3" target="iframe_a"><i class="fa fa-reorder">&nbsp;产品/工件管理</i></a></li>
                    <li id="9"><a href="/web/tiaoZhuan9" target="iframe_a"> <i class="fa fa-cog ">&nbsp;产品机器工序时间表</i></a></li>
                    <%--<li id="4"><a href="/web/tiaoZhuan4" target="iframe_a"><i class="fa fa-bookmark-o">&nbsp;加工甘特图4</i></a></li>--%>
                    <li id="5"><a href="/web/tiaoZhuan5" target="iframe_a"><i class="fa fa-sticky-note">&nbsp;上传产品加工图纸</i></a></li>
                    <li id="6"><a href="${pageContext.request.contextPath}/ShangChuanDate/find?currentPage=1" target="iframe_a"><i class="fa fa-file-text">&nbsp;下载加工图纸</i></a></li>
                    <li id="7"><a href="/web/tiaoZhuan7" target="iframe_a"><i class="fa fa-link">&nbsp;查询与采购</i></a></li>
                    <li id="8"><a href="/web/tiaoZhuan8" target="iframe_a"> <i class="fa fa-cog ">&nbsp;系统管理</i></a></li>

                    <%--<li id="8"><a href="uplodBlog.jsp" target="iframe_a"> 文章更新</a>fa-spin</li>--%>

                </ul>
            </div>

            <div  style="border: 1px solid 	#C5C1AA">
                <div class="col-md-9" style="float: right;  " style="border: 1px solid palevioletred">
                    <iframe src="/web/one" width="1100px" height="650px" name="iframe_a"
                            scrolling="No" noresize="noresize" frameborder="0" id="topFrame"></iframe>

                </div>
            </div>
        </div>


    </div>
</div>
</body>
</html>
